<!DOCTYPE html>
<html>
<head>
    <title>晋江市英林镇英林村旧村改造（一期）回迁安置选房项目房源预选身份验证</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="/style/admin.css" media="all">
    <link rel="stylesheet" href="/style/jmdf.css" media="all">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
</head>
<body>
<div class="layui-container">
    <div class="layui-row layui-col-space12" style="text-align: center">
        <div class="layui-col-xs12">
            <div class="layui-card" style="margin-top: 40%">
                <div class="layui-card-header" style="text-align: center;font-size: 16px">
                    晋江市英林镇英林村旧村改造（一期）项目
                </div>
                <div class="layui-card-header" style="text-align: center;font-size: 16px">
                    办证信息预约身份验证
                </div>
                <div class="layui-card-header" style="text-align: center;font-size: 12px;color:red;">
                    “部分北苑西区房源暂不可办证，请谨慎预约！”
                </div>
                <div class="layui-card-header" style="text-align: center;font-size: 12px;color:red;">
                    “注:下午上班时间：15:00-18:00”
                </div>
                <div class="layui-card-body">
                    <form class="layui-form" action="">
                        <div class="layui-form-item">
                            <label class="layui-form-label">选房顺序号</label>
                            <div class="layui-input-block">
                                <input type="text" name="chooseHouseNum" lay-verify="required"  lay-reqtext="选房号不能为空！" placeholder="请输入选房号!" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">身份证号</label>
                            <div class="layui-input-block">
                                <input type="text" name="idCardFour" lay-verify="required" lay-reqtext="身份证号不能为空？" placeholder="请输入身份证号后四位!" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item" style="text-align: center">
                            <button class="layui-btn layui-btn-normal" lay-submit lay-filter="formDemo">办证预约</button>
                            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                            <button type="button" id="showImageBtn" class="layui-btn layui-btn-warm">收件清单</button>
                        </div>
                    </form>

                </div>
            </div>
        </div>
        <div class="layui-col-xs3"></div>
    </div>
</div>
<script src="/layui/layui.js" charset="utf-8"></script>
<script>
    layui.config({
        base: '/modules/' //静态资源所在路径
    }).use(['table', 'form', 'jquery', 'jmdf', 'page', 'dataDict', 'laydate'], function () {
        var $ = layui.jquery, form = layui.form, laydate = layui.laydate;

        form.render();

        document.getElementById('showImageBtn').onclick = function() {
            var imgUrl = '/images/bzWz.png'; // 替换为你的图片路径
            layer.open({
                type: 1, // 这里使用1表示自定义模态框HTML内容
                title: '图片预览', // 标题名称，非必需项
                //area: ['600px', '400px'], // 宽高值，非必需项，根据需要调整大小
                content: '<img src="' + imgUrl + '" style="width:100%; height:100%;"/>' // 这里是图片内容，你也可以在这里添加其他HTML内容。
            });
        }

        //批量打印按钮点击事件
        $("#yx_view").click(function () {
            layer.open({
                title: '验证情况',
                content: '您确定要跳转到该页面吗？',
                yes: function() {
                    // 用户点击了确定，进行页面跳转
                    location.href = "tv";
                },
                no: function() {
                    // 用户点击了取消，不执行任何操作
                }
            });
        });

        //监听提交
        form.on('submit(formDemo)', function(data){
            $.ajax({
                url: 'yxBzYz',
                type: 'post',
                data: data.field,//当前容器的全部表单字段，名值对形式：{name: value}
                success: function (msg) {
                    if (msg == "0000") {
                        layer.msg(JSON.stringify("数据不存在，请核对或联系工作人员核对！！"));
                    } else if (msg == "5050"){
                        layer.msg(JSON.stringify("您暂未结清，无法预约办证！！"));
                    }  else if (msg == "8888"){
                        layer.msg(JSON.stringify("司法状态异常，无法预约办证！！"));
                    } else {
                        var contractId = msg;
                        var encodedContractId = btoa(contractId); // Base64编码
                        location.href = "bzYyMain?DF-TF-ST=" + encodeURIComponent(encodedContractId);
                        /*layer.msg(JSON.stringify("其它原因造成无法预约，请核对或联系工作人员处理！！！！"));*/
                    }
                }
            });
            /*return false;
            layer.msg(JSON.stringify(data.field.chooseHouseNum));*/

            return false;
        });


        laydate.render({
            elem: '#test1'
        });

    });
</script>

</body>
</html>